<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="keywords" content="百泰传媒，来推，百泰广告,效果广告，精准大数据，流量变现，移动，广告联盟，推广平台">
  <meta name="description" content="百泰传媒是一家移动流量变现服务商，研发了全新的移动商业广告模式，建立全链路、精准、高效、可衡量的移动端营销体系，广告主可获得更好的投放效果，媒体方能得到更好的流量实现转化。">
  <link rel="icon" href="//static.adbaitai.com/Website/Img/favicon.ico" type="image/x-icon" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>品牌整合营销</title>
  <style>
  .topBanner {
    width: 100%;
    margin-top: 79px;
  }
  .topBanner img {
    width: 100%;
  }
  .caseListBox {
    width: 100%;
    height: 70px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
  }
  .fixedCaseListBox {
     position:fixed;
     top: 79px;
     left: 0;
     z-index: 10;
   }
  .caseListMainBox {
    width: 1100px;
    height: 100%;
    /*padding: 0 13px;*/
    margin: 0 auto;
  }
  .caseListItem {
    padding: 10px;
    display: block;
    margin-top: 14px;
    float: left;
    color: #888888;
    border-radius: 4px;
    margin: 14px 20px 0;
  }
  .caseListItem.activeItem {
    color: #e63b31;
    background-color: #f6f6f6;
  }
  .caseListItemIcon {
    width: 16px;
    height: 16px;
    padding: 0 5px;
  }
  .momoDetailBox {
    width: 1100px;
    margin: 0 auto;
  }
  .momoDetailTitle  {
    position: relative;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 60px 0 26px;
  }
  .momoDetailTitle::before {
    content: "";
    width: 27px;
    height: 4px;
    background-color: #e53b31;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
    -ms-transform:translate(-50%); 	/* IE 9 */
    -moz-transform:translate(-50%); 	/* Firefox */
    -webkit-transform:translate(-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%); 	/* Opera */
  }
  .momoDetailBox p {
    color: #6e6e6e;
    padding: 0 130px;
    line-height: 25px;
    text-align: center;
  }
  .momoDetailShowOneBox {
    width: 1100px;
    margin: 75px auto 0;
    position: relative;
  }
  .momoDetailShowOneLeft {
    padding-left: 212px;
    padding-top: 50px;
  }
  .momoDetailShowOneLeft .momoDetailShowOneLeftTitle,
  .momoDetailShowTwoRight .momoDetailShowOneLeftTitle {
    font-size: 25px;
    padding-bottom: 25px;
  }
  .momoDetailShowOneLeftChildTitle {
    font-size: 18px;
    padding-left: 15px;
    position: relative;
  }
  .momoDetailShowOneLeftChildTitle::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -ms-transform:translateY(-50%); 	/* IE 9 */
    -moz-transform:translateY(-50%); 	/* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
    -o-transform:translateY(-50%); 	/* Opera */
    left: 0px;
    background-color: #e53b31;
  }
  .momoDetailShowOneLeft span,
  .momoDetailShowTwoRight span {
    color: #999999;
    display: block;
    width: 330px;
    line-height: 23px;
    padding-top: 4px;
    padding-bottom: 14px;
  }
  .momoDetailShowOneRight {
    width: 271px;
    height: 100%;
    position: absolute;
    top: -25px;
    right: 168px;
  }
  .momoDetailShowOneRight::before {
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    top: 63%;
    left: -58px;
    background: url('//static.adbaitai.com/Website/Img/Momo/momosquer.png')no-repeat center /100% 100%;
    z-index: -1;
  }
  .momoDetailShowOneRight img {
    width: 100%;
    height: auto;
  }
  .ShowTwoMainBox {
    width: 1100px;
    margin: 0 auto;
  }
  .momoDetailShowTwoBox {
    width: 100%;
    height: 525px;
    margin-top: 62px;
    background-color: #f4f7f9;
    overflow: hidden;
  }
  .momoDetailShowTwoRight {
    float: right;
    margin-top: 150px;
    margin-right: 115px;
  }
  .momoDetailShowTwoLeft {
    width: 266px;
    height: auto;
    float: left;
    margin-top: 102px;
    margin-left: 160px;
    position: relative;
  }
  .momoDetailShowTwoLeft img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
  }
  .momoDetailShowTwoLeft::before {
    content: '';
    position: absolute;
    top: 150px;
    right: -49px;
    width: 77px;
    height: 93px;
    background: url('//static.adbaitai.com/Website/Img/Momo/%E5%BD%A2%E7%8A%B6%209.png')no-repeat center /100% 100%;
  }
  .ottMainBox {
    width: 1100px;
    margin: 0 auto;
  }
  .ottMainTitle,
  .customListTitle,
  .customListFirstTitle  {
    color: #272d31;
    position: relative;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 60px 0 0;
  }
  .ottMainTitle::before,
  .customListTitle::before,
  .customListFirstTitle::before {
    content: "";
    width: 27px;
    height: 4px;
    background-color: #e53b31;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
    -ms-transform:translate(-50%); 	/* IE 9 */
    -moz-transform:translate(-50%); 	/* Firefox */
    -webkit-transform:translate(-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%); 	/* Opera */
  }
  .ottMainTopTitleDetail {
    padding: 20px 160px 0;
    color: #6e6e6e;
    line-height: 23px;
    text-align: center;
  }
  .ShowTwoMainBox {
     padding: 0 200px;
  }
  .momoDetailShowTwoBox {
    height: 275px;
    background-color: #fff;
  }
  .ShowTwoMainBox img {
    width: 180px;
    height: auto;
  }
  .ShowTwoMainBoxFirstImg {
    margin-right: 335px;
  }
  .ShowTwoMainBoxLeft,
  .ShowTwoMainBoxRight {
    float: left;
    text-align: center;
  }
  .TitleP {
    color: #363c3f;
    font-size: 21px;
  }
  .detailP {
    color: #999999;
    font-size: 15px;
    padding-top: 5px;
  }
  .customListMainBox {
    width: 1100px;
    height: 542px;
    text-align: center;
    margin: 0 auto;
  }
  .customListBox {
    overflow: hidden;
    background-color: #f4f7f9;
  }
  .customListMainBox p {
    color: #6e6e6e;
    text-align: center;
    font-size: 16px;
    padding-top: 24px;
    padding-bottom: 42px;
  }
  .customListMainBox>img {
    width: 85px;
    height: 85px;
  }
  </style>
</head>
<body>
  <!-- 在线申请弹窗 -->
  <div class="applyFormBgBox" style = 'display:none'>
    <div class="applyFormBox">
      <div class="closeFormBoxBtn"></div>
      <p class ='formTopTip'>请填写以下表格，以便我们能更好的了解您的需求和帮助您</p>
      <div class="lineOneBox">
        <div class="lineOneLeft">
          <p>姓名</p>
          <input type="text" id = 'userName' placeholder="">
        </div>
        <div class="lineOneRight">
          <p>QQ邮箱</p>
          <input type="text" id = 'qqEmail' placeholder="">
        </div>
      </div>
      <div class="lineOneBox">
        <div class="lineOneLeft">
          <p>电话</p>
          <input type="text" id = 'userIphone' placeholder="">
        </div>
        <div class="lineOneRight">
          <p>公司</p>
          <input type="text" id = 'userCompany' placeholder="">
        </div>
      </div>
      <div class="lineOneBox">
        <div class="lineOneLeft">
          <p>所属区域</p>
          <select id = 'select' name="">
            <option value="请选择">请选择</option>
            <option value="北京市">北京市</option>
            <option value="天津市">天津市</option>
            <option value="上海市">上海市</option>
            <option value="重庆市">重庆市</option>
            <option value="河北省">河北省</option>
            <option value="河南省">河南省</option>
            <option value="云南省">云南省</option>
            <option value="辽宁省">辽宁省</option>
            <option value="黑龙江省">黑龙江省</option>
            <option value="湖南省">湖南省</option>
            <option value="安徽省">安徽省</option>
            <option value="山东省">山东省</option>
            <option value="新疆维吾尔">新疆维吾尔</option>
            <option value="江苏省">江苏省</option>
            <option value="浙江省">浙江省</option>
            <option value="江西省">江西省</option>
            <option value="湖北省">湖北省</option>
            <option value="广西壮族">广西壮族</option>
            <option value="甘肃省">甘肃省</option>
            <option value="山西省">山西省</option>
            <option value="内蒙古">内蒙古</option>
            <option value="陕西省">陕西省</option>
            <option value="吉林省">吉林省</option>
            <option value="福建省">福建省</option>
            <option value="贵州省">贵州省</option>
            <option value="广东省">广东省</option>
            <option value="青海省">青海省</option>
            <option value="西藏">西藏</option>
            <option value="四川省">四川省</option>
            <option value="宁夏回族">宁夏回族</option>
            <option value="海南省">海南省</option>
            <option value="台湾省">台湾省</option>
            <option value="香港特别行政区">香港特别行政区</option>
            <option value="澳门特别行政区">澳门特别行政区</option>
          </select>
        </div>
        <div class="lineOneRight">
          <p>公司网址</p>
          <input type="text" id = 'userCompany' placeholder="">
        </div>
      </div>
      <div class="lineOneBox">
        <p>您的需求</p>
        <textarea id = 'usertextArea' name="name" rows="8" cols="80" maxlength="100"></textarea>
      </div>
      <div id = 'applyFormSubmitBtn'>提交</div>
    </div>
  </div>
  <div class="topNavBox">
    <div class = 'topNav'>
      <div class="siteLogo">
        <img src="//static.adbaitai.com/Website/Img/logo.png" alt="">
      </div>
      <ul class="navList">
        <li class = 'index'>
          <a href="./index.html">首页</a>
        </li>
        <li class = 'interaction'>
          <a href="./interactionPage.html">来推互动</a>
        </li>
        <li class = 'serverLiBox activeNav'>
          <a class = 'serverSlideTitleLink' href="./dspPage.html">
            产品服务
            <span class = 'serverSlideIcon'><img src="//static.adbaitai.com/Website/Img/hudong/%E5%AF%BC%E8%88%AA%E4%B8%8B%E6%8B%89.png" alt=""></span>
          </a>
          <div class="serverSlideList">
            <p><a href="./momoPage.html">陌陌案例</a></p>
            <p><a href="./dspPage.html">DSP广告</a></p>
            <p><a href="./alimamaPage.html">阿里妈妈资源及案例</a></p>
            <p><a href="./youdaoPage.html">网易有道资源</a></p>
            <p><a href="./ottSourcePage.html">OTT资源及案例</a></p>
            <p><a href="./inteMarketPage.html">品牌整合营销</a></p>
          </div>
        </li>
        <li class = 'aboutUs'>
          <a href="./aboutUsPage.html">关于百泰</a>
        </li>
      </ul>
      <div class="topNavBtnBox">
        <div class="login">
          <a href="//laitui.adbaitai.com/login">登录</a>
        </div>
        <div class="register">
          <a href="javascript:void(0);">申请</a>
        </div>
      </div>
    </div>
  </div>
  <div class="mainBox">
    <div class="topBanner">
      <img src="//static.adbaitai.com/Website/Img/%E7%8F%ADner.png" alt="">
    </div>
    <!-- 横栏展示 -->
    <div class="caseListBox">
      <div class="caseListMainBox">
        <a class="caseListItem" href = './dspPage.html'>
          <img class = 'caseListItemIcon' src="//static.adbaitai.com/Website/Img/Momo/DSP.png" alt="">
          百泰DSP广告
        </a>
        <a class="caseListItem" href = './momoPage.html'>
          <img class = 'caseListItemIcon' src="//static.adbaitai.com/Website/Img/Momo/momo.png" alt="">
          陌陌效果广告
        </a>
        <a class="caseListItem" href = './ottSourcePage.html'>
          <img class = 'caseListItemIcon' src="//static.adbaitai.com/Website/Img/Momo/OTT.png" alt="">
          OTT视频资源
        </a>
        <a class="caseListItem" href = './alimamaPage.html'>
          <img class = 'caseListItemIcon' src="//static.adbaitai.com/Website/Img/Momo/%E9%98%BF%E9%87%8C%E5%A6%88%E5%A6%88.png" alt="">
          阿里妈妈资源
        </a>
        <a class="caseListItem" href = './youdaoPage.html'>
          <img class = 'caseListItemIcon' src="//static.adbaitai.com/Website/Img/Momo/%E7%BD%91%E6%98%93.png" alt="">
          网易有道资源
        </a>

        <a class="caseListItem activeItem" href = './inteMarketPage.html'>
          <img class = 'caseListItemIcon' src="//static.adbaitai.com/Website/Img/%E5%93%81%E7%89%8CActive.png" alt="">
          品牌整合营销
        </a>
      </div>
    </div>
    <div class="ottMainBox">
      <div class="ottMainTitle">百泰魔方</div>
      <p class = 'ottMainTopTitleDetail'>百泰“多维整合营销”讲究广告并非天马行空，而是一门有规律的科学。</br>我们是新媒体广告的“拓荒者”，百泰独有的“品牌魔方”客户需求、用户洞察、创意策略、媒介投放、效果优化等各</br>个方面全面挖掘品牌个性价值点，选择最有效的品牌发展路线。</p>
      <div class="momoDetailShowTwoBox momoDetailShowTwoBoxCopy">
        <div class="ShowTwoMainBox">
          <div class="ShowTwoMainBoxLeft ShowTwoMainBoxFirstImg">
            <img src="//static.adbaitai.com/Website/Img/%E7%BB%84-42@2x.png" alt="">
            <p class = 'TitleP'>品牌整合策划</p>
            <p class = 'detailP'>创意内容引爆关注</p>
          </div>
          <div class="ShowTwoMainBoxRight">
            <img src="//static.adbaitai.com/Website/Img/%E7%BB%84-43@2x.png" alt="">
            <p class = 'TitleP'>媒介整合推广</p>
            <p class = 'detailP'>精准传播价值回报</p>
          </div>
        </div>
      </div>
    </div>
    <div class="customListBox">
      <div class="customListMainBox">
        <div class="customListFirstTitle">APP资源</div>
        <p>100+客户端，拥有banner、插屏、全屏、视频、原生信息流等多种广告形式 </p>
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon1.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon2.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon3.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon4.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon5.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon6.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon7.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon8.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon9.png" alt="">
        <div class="customListFirstTitle">社会化营销资源</div>
        <p>涵盖上千家直播网红、微博大V、微信大号、SNS社群等资源</p>
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon10.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon11.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon12.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon13.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon14.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon15.png" alt="">
        <img src="//static.adbaitai.com/Website/Img/ysIcon/ppIcon16.png" alt="">
      </div>
    </div>
    <!-- 底部 -->
    <div class="pageBottomBox">
      <div class="bottomTopBox">
        <div class="bottomTopCenterBox">
          <div class="bottomTopCenterLeft">
            <div class="bottomTopCenterLeftOne">
              <h3>中小销售</h3>
              <ul>
              <li>电话：0571-86896918</li>
              <li>邮箱：quanmingjing@adbaitai.com</li>
            </ul>
          </div>
          <div class="bottomTopCenterLeftTwo">
            <h3>媒体合作</h3>
            <ul>
              <li>电话：0571-86896973</li>
              <li>邮箱：sunlihua@adbaitai.com</li>
            </ul>
          </div>
            <div class="bottomTopCenterLeftTwo bottomTopCenterLeftThree">
              <h3>渠道代理合作</h3>
              <ul>
                <li>电话：400-826-0750</li>
                <li>手机：18505510571</li>
                <li>邮箱：wanghuan@adbaitai.com</li>
              </ul>
            </div>
          </div>
          <div class="bottomTopCenterRight">
            <div class="bottomTopCenterRightOne">
              <img src="//static.adbaitai.com/Website/Img/%E7%99%BE%E6%B3%B0%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.png" alt="">
              <p>微信公众号</p>
            </div>
          </div>
        </div>
      </div>
      <div class="bottomFotterBox">
          <div class="bottomFotterCenter">
            <div class="bottomFotterLeft"><a href = './aboutUsPage.html'>关于我们</a>&nbsp;&nbsp;|<span> 浙ICP备16030779号-2</span></div>
            <img src="//static.adbaitai.com/Website/Img/iphoneIcon/footerBtmIcon.png" alt="">
          </div>
      </div>
    </div>
  </div>
  <script src = '//static.adbaitai.com/game/Js/jquery.min.js'></script>
  <script>
  $('#applyFormSubmitBtn').on('click', function(){
    var isIphone = checkPhone();
    var userName = $('#userName').val(),
        email = $('#qqEmail').val(),
        entName = $('#userCompany').val(),
        entUrl = $('#userCompany').val(),
        city = $('#select').val(),
        tel = $('#userIphone').val(),
        remark = $('#usertextArea').val();
    console.log(city);
    if(isIphone) {
      $('.applyFormBgBox').css('display', 'none');
      var dtaObj = '{"name": "'+userName+'","email": "'+email+'","entName": "'+entName+'","entUrl": "'+entUrl+'","city": "'+city+'","tel": "'+tel+'","remark": "'+remark+'"}';
      $.ajax({
        url: '/api/public/advert/enter?data=' + encodeURIComponent(dtaObj),
        success: function(data){
          var data = JSON.parse(data);
          if(data.success) {
            alert('提交成功！');
          }else {
            alert('提交失败！');
          }
        }
      })
    }
  });
  // 验证手机号
  function checkPhone (phone) {
    var tel =$('#userIphone').val();
     if(tel.length != 11){
         setTimeout(function(){
           alert("手机号码有误，请重填");
         },100);
         return false;
     }else {
       return true;
     }
  }
  $(document).on('scroll', function(){
    var top = $(document).scrollTop();
    console.log(top)
    if(top >= 225){
      $('.caseListBox').addClass('fixedCaseListBox');
      $('.ottMainBox').css('margin-top', '130px');
    }else {
      $('.caseListBox').removeClass('fixedCaseListBox');
      $('.ottMainBox').css('margin-top', '0');
    }
  });
  </script>
</body>
</html>
